<template>
  <div class="pb-10">
    <template v-if="activeIndex === 0">
      <md />
    </template>
    <template v-if="activeIndex === 1">
      <!--章节-->
      <chapters :items="items"></chapters>
    </template>
    <template v-else>
      <!--评论-->
      <Comments :items="comments"></Comments>
    </template>
  </div>


</template>

<script setup lang="ts">
import md from '../test.md'
import bg from '@/assets/images/bg.png'
const activeIndex = inject<number>('activeIndex')
const items = [{
  title: '课程介绍',
  children: [{
    type: 'video',
    title: '章导读',
    url: ''
  }]

}]
const comments=[{
  
}]
</script>

<style scoped></style>